<template>
	<view class="all">
		<view v-for="(item,index) in dataList" :key="item.groupName" >
			<!-- <view class="group">
				<text style="font-size:30rpx;color:#aaaaaa">{{item.groupName}}</text>
			</view> -->
			<list>
				<!-- 注意事项: 不能使用 index 作为 key 的唯一标识 -->
				<cell v-for="(items, index) in item.chirder" :key="indexs">
					<view >
						<view class="groupitem">
							<view class="groupone">
								<image src="../../static/yyt.jpg" class="head"></image>
								<view class="textitem">
									<text class="name">{{items.name}}</text>
									<text class="time">{{items.time}}</text>
								</view>
							</view>
							<view class="contentitem">
								<text class="content">{{items.content}}</text>
								<view>
									<image :src="items.src" class="contentimage" ></image>
									<image :src="items.src" class="contentimage" ></image>
									<image :src="items.src" class="contentimage" ></image>
								</view>
								<view class="post-foot">
									<text >star</text>
									<view class="post-dianzan">
										<uni-icons type="hand-thumbsup" class="post-blank"></uni-icons>
										<text class="post-blank">7</text>
										<uni-icons type="chatbubble" class="post-blank"></uni-icons>
										<text class="post-blank">3</text>
									</view>
								</view>
							</view>
						</view>
					</view>
					
				</cell>
			</list>
		</view>
	</view>
</template>

<script>
	export default {
		data () {
		   return {
		     dataList:[{
					id: 1,
					groupName: "A",
					num: 8,
					sum: 200,
					isShowList:false,
					chirder: [{
						id: 11,
						name: "山海心经|天地天地天地",
						place: "杭州 下沙浙江工商",
						time: "2020-05-29-2020.8.9",
						src:"../../static/yyt.jpg",
						tag1:"绘画展",
						tag2:"绘展",
						tag3:"画展",
						content:"如果我低头耷脑地顺从了，我将永远对生活妥协下去，做你们眼中的正常人，从生活中汲取一些简单易得的东西，在阴影下苟且作乐。"
						}]
					},
				{
					id: 2,
					groupName: "B",
					num: 2,
					sum: 10,
					isShowList:false,
					chirder: [{
						id: 11,
						name: "山海心经|天地天地天地",
						place: "杭州 下沙浙江工商",
						time: "2020-05-29-2020.8.9",
						src:"../../static/yyt.jpg",
						tag1:"绘画展",
						tag2:"绘展",
						tag3:"画展",
						content:"hhghghfhjkkg"
						}, {
						id: 11,
						name: "山海心经|天地天地天地",
						place: "杭州 下沙浙江工商",
						time: "2020-05-29-2020.8.9",
						src:"../../static/yyt.jpg",
						tag1:"绘画展",
						tag2:"绘展",
						tag3:"画展",
						content:"hhghghfhjkkg"
						}]
				}]
		    }
		},
		
		methods: {
			previewImage(index) {
						let dataList = this.photos.map(item => {
							return item.src;
						});
						uni.previewImage({
							current: index,
							urls: dataList
						});
					}
		}
	}
</script>

<style>
	page {
			background-color: #ffffff;
			padding-bottom: 30upx;
					
		}
	.all{
		margin:20px;
		
	}
	.textitem{
		display: flex;
		flex-direction: column;
	}
	.groupitem{
		padding-left:10px;
		border: 2upx solid  #aaaaaa;
		margin-top: 10px;
		padding-top: 10px;
		padding-bottom: 10px;
		border-radius: 10px;
	}
	.groupone{
		display: flex;
		flex-direction: row;
	}
	.head{
		width:80px;
		height:100px;
		border-radius: 20px;
	}
	.name{
		font-size: 35rpx;
		font-weight: bold;
		color: #474747;
		padding-top:10upx;
		padding-left:20px;
	}
	.time{
		font-size: 25rpx;
		color: #474747;
		padding-top:20px;
		padding-left:20px;
	}
	.contentitem{
		margin-top: 10px;
		margin-left:5px;
		margin-right: 15px;
		display: flex;
		flex-direction: column;
	}
	.content{
		font-size: 30rpx;
		color: #474747;
		margin-bottom: 10px;
	}
	
	
	.contentimage{
		width: 80px;
		height:80px;
		border-radius: 20px;
		margin-right: 10px;
	}
	.post-foot{
		display: flex;
		flex-direction: row;
		width: 100%;
		position:relative;
	}
	
	
	.post-dianzan{
		position:absolute;
		right:10rpx;
	}
	.post-blank{
		padding-right:5px;
	}
	
	
</style>
